<template>
    <div>
        <login-box v-if="showLogin" @showLoginBox="showLoginBox"></login-box>
        <div id="wrapper" class="wrapper">
            <!--=====================================-->
            <!--=            Header Start           =-->
            <!--=====================================-->
            <head-box @closeLoginBox="showLoginBox"></head-box>

            <router-view/>

            <footerBox></footerBox>
        </div>
    </div>
</template>
<script>
    import headBox from "../components/headBox/index";
    import loginBox from "../components/loginBox/index";
    import footerBox from "../components/footerBox/index";


    export default {
        components: {
            headBox,
            loginBox,
            footerBox
        },
        data() {
            return {
                isVisible: true,
                showLogin: false,
            }
        },
        mounted() {

        },
        created() {

        },
        methods: {
            userLogin: function () {
                this.showLogin = true;
            },
            showLoginBox: function (val) {
                this.showLogin = val;
            }
        }
    }
</script>